.layout-box {
    padding-top: 1.32rem
        /* 99/75 */
    ;
}

.mm-header {
    background-color: #f4483e;
    h4 {
        font-size: .466667rem
            /* 35/75 */
        ;
        line-height: 1.32rem;
        text-align: center;
        color: #fff;
    }

    .mm-app {
        position: absolute;
        top: .066667rem
            /* 5/75 */
        ;
        right: .066667rem
            /* 5/75 */
        ;
    }

    .mm-back {
        width: .613333rem
            /* 46/75 */
        ;
        height: .613333rem
            /* 46/75 */
        ;
        position: absolute;
        left: .4rem
            /* 30/75 */
        ;
        top: .353333rem
            /* 26.5/75 */
        ;
        font-size: .6rem
            /* 45/75 */
        ;
        color: #fff;
    }
}

.mm-product {

    // padding: .4rem /* 30/75 */;
    position: relative;
    .item {
        width: 100%;
        height: 3.413333rem
            /* 256/75 */
        ;
        border-bottom: .026667rem
            /* 2/75 */
            solid #f1f1f1;
        padding: .266667rem
            /* 20/75 */
            0;

        .pro-left {
            width: 30%;
            height: 100%;
            text-align: center;

            // background-color: green;
            img {
                width: 2.666667rem;
                height: 2.666667rem;
                line-height: 100%;
            }
        }

        .pro-right {
            width: 70%;
            position: relative;

            span {
                font-size: .32rem;
            }

            .out {
                text-overflow: -o-ellipsis-lastline;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                line-clamp: 2;
                -webkit-box-orient: vertical;
            }

            .in {
                color: #ff761a;
            }

            p {
                position: absolute;
                left: 0;
                font-size: .186667rem
                    /* 14/75 */
                ;

                span {
                    font-size: .186667rem
                        /* 14/75 */
                    ;
                }
            }

            .base {
                margin-top: 1.666667rem
                    /* 50/75 */
                ;

                .right {
                    font-size: .16rem
                        /* 12/75 */
                    ;
                    margin-right: .266667rem /* 20/75 */;
                }
            }
            .arrow {
                position: absolute;
                right: .2rem /* 15/75 */;
                bottom: 1.066667rem /* 80/75 */;
                span {
                    font-size: .533333rem /* 40/75 */;
                    color: #ccc;
                }
            }
        }
    }
}

.mm-product {
    .item {
        display: block;
    }
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.4);
    width: 100%;
    height: 100%;;
    .content {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 10;
        transform: translate(-50%,-50%);
        height: 5.333333rem /* 400/75 */;
        width: 5.333333rem /* 400/75 */;
        background-color: #eee;
        // overflow: hidden;
        .img {
            // height: 5.333333rem /* 400/75 */;
            position: absolute;
            overflow: hidden;
            li {
                height: 5.333333rem /* 400/75 */;
                width: 5.333333rem /* 400/75 */;
                img {
                    height: 5.333333rem /* 400/75 */;
                    width: 5.333333rem /* 400/75 */;
                }
            }
        }
        .prev,
        .next {
            position: absolute;
            top: 50%;
            left: -60px;
            span {
                font-size: 1.066667rem
                /* 80/75 */
                ;
                color: #fff;
                font-family: '楷体';
            }
        }
        .next {
            left: auto;
            top: 2.5rem /* 90/75 */;
            right: -75px;
            span {
                font-size: 1.2rem /* 90/75 */;
            }
        }
    }
}